<template>
	<view class="jyuHeader">
		<image class="headerLogo" src="@/static/imgs/jyuLogo2.png" mode="aspectFill" @click="logingogo"></image>
		<view class="headerTitle">
			嘉应学院学生论坛
		</view>
	</view>
	<van-tabs v-model:active="active" swipeable color='blue' sticky @change='changeType'>
		<van-tab title="公告栏">
			<PostsList :postData="bulletinData" />
		</van-tab>
		<van-tab title="失物招领">
			<PostsList :postData="lFData" />
		</van-tab>
		<van-tab title="意见反馈">
			<PostsList :postData="suggestData" />
		</van-tab>
	</van-tabs>
</template>

<script setup>
	import PostItem from './components/PostItem.vue';
	import PostsList from './components/PostsList.vue';
	import {
		onMounted,
		ref
	} from 'vue'
	import {
		onShow,
		onPullDownRefresh
	} from '@dcloudio/uni-app';
	import {
		getPostsType
	} from '@/apis/apis.js'

	const logingogo = () => {
		uni.navigateTo({
			url: '/pages/login/login'
		})
	}
	const changeType = async (e) => {
		console.log(e.detail.index);
		switch (e.detail.index) {
			case 0:
				const resA = await getPostsType({
					pageNum: 1,
					pageSize: 10,
					type: '0',
					statu: 1,
					content: ''
				})
				bulletinData.value = resA.data
				break;
			case 1:
				const resB = await getPostsType({
					pageNum: 1,
					pageSize: 10,
					type: '1',
					statu: 1,
					content: ''
				})
				lFData.value = resB.data
				break;
			case 2:
				const resC = await getPostsType({
					pageNum: 1,
					pageSize: 10,
					type: '2',
					statu: 1,
					content: ''
				})
				suggestData.value = resC.data
				break;
			default:
				break;
		}
	}
	const bulletinData = ref([]);

	// onMounted(() => {
	// 	getPosts0()
	// })
	onShow(() => {
		changeType({
			detail: {
				index: 0
			}
		})
	})
	onPullDownRefresh(() => {
		changeType({
			detail: {
				index: 0
			}
		})
	})

	const lFData = ref([
		// 	{
		// 	title: '1',
		// 	context: '谁的钥匙丢在了锡科607啊，我放到保安亭了！谁的钥匙丢在了锡科607啊，我放到保安亭了！谁的钥匙丢在了锡科607啊，我放到保安亭了！谁的钥匙丢在了锡科607啊，我放到保安亭了！谁的钥匙丢在了锡科607啊，我放到保安亭了！谁的钥匙丢在了锡科607啊，我放到保安亭了！',
		// 	id: '1',
		// 	createTime: '2024年10月24日',
		// 	avaterUrl: '',
		// 	userName: '摸鱼糕手',
		// 	likeNum: 400,
		// 	commentNum: 29,
		// }, {
		// 	title: '1',
		// 	context: '谁的钥匙丢在了锡科607啊，我放到保安亭了！谁的钥匙丢在了锡科607啊，我放到保安亭了！谁的钥匙丢在了锡科607啊，我放到保安亭了！谁的钥匙丢在了锡科607啊，我放到保安亭了！谁的钥匙丢在了锡科607啊，我放到保安亭了！谁的钥匙丢在了锡科607啊，我放到保安亭了！',
		// 	id: '2',
		// 	createTime: '2024年10月24日',
		// 	avaterUrl: '',
		// 	userName: '摸鱼糕手',
		// 	likeNum: 400,
		// 	commentNum: 29
		// }
	])


	const suggestData = ref([
		// 	{
		// 	title: '1',
		// 	context: '我认为知识就应该投入生产！',
		// 	id: '3',
		// 	createTime: '2024年10月24日',
		// 	avaterUrl: '',
		// 	userName: '前端糕手',
		// 	likeNum: 400,
		// 	commentNum: 29
		// }, {
		// 	title: '1',
		// 	context: '田师周末能不能把门开开啊呜呜呜嘻嘻嘻',
		// 	id: '4',
		// 	createTime: '2024年10月24日',
		// 	avaterUrl: '',
		// 	userName: '摸鱼糕手',
		// 	likeNum: 10,
		// 	commentNum: 29
		// }, {
		// 	title: '1',
		// 	context: '锡科能不能装天梯啊哈哈哈哈',
		// 	id: '5',
		// 	createTime: '2024年1月24日',
		// 	avaterUrl: '',
		// 	userName: '后端糕手',
		// 	likeNum: 1121,
		// 	commentNum: 51
		// }, {
		// 	title: '1',
		// 	context: '错了是电梯，锡科能不能装电梯啊哈哈哈哈',
		// 	id: '5',
		// 	createTime: '2024年12月24日',
		// 	avaterUrl: '',
		// 	userName: '后端糕手',
		// 	likeNum: 31,
		// 	commentNum: 51
		// },
	])
</script>


<style lang="less" scoped>
	.jyuHeader {
		height: 400rpx;
		width: 100%;
		background: linear-gradient(147deg, #e7dff2 0%, #c5e5ee 100%);
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;

		.headerLogo {
			height: 300rpx;
			width: 300rpx;
		}

		.headerTitle {
			font-size: 50rpx;
		}
	}
</style>